<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>华为例表</title>
	<link href="./boot/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="./css/huawei10.css">
	<!-- 底部 -->
	<link rel="stylesheet" href="./css/bottom.css">
	<!-- 公用 -->
	<link rel="stylesheet" href="./css/joint.css">


	

	<link rel="stylesheet" href="./iconfont/iconfont.css">

	<!--[if lt IE 9]>
		<script src="./boot/js/html5shiv.min.js"></script>
		<script src="./boot/js/respond.min.js"></script>
	<![endif]-->
	<style>
	/* 初始化 */
		body,ul,li{margin: 0;padding:0;}
		li{list-style: none;}
		a{text-decoration: none;}
		body{font-size: 14px; font-family: 微软雅黑; background: #fff; min-width: 1200px;}
		
		.thumbnail{
            min-height: 420px;
        }

	</style>
</head>
<body>
	<div id="header">
		<div class="content">
			<div class="content-left">
				<ul>
					<li><a href="./华为.html">首页</a></li>
					<li><a href="">华为官网</a></li>
					<li><a href="">荣耀官网</a></li>
					<li><a href="">花粉俱乐部</a></li>
					<li><a href="">V码(代购码)</a></li>
				</ul>
			</div>
			<div class="content-right">
				<ul>
					<li><a id="enroll">请登录</a></li>
					<li><a id="login">注册</a></li>
					<li><a href="">荣耀官网</a></li>
					<div class="cart">
						<span class="iconfont">&#xe622;</span>
						购物车( <span id="cartnum"> 0 </span>  )
						<div class="cart-list"></div>
					</div>
				</ul>
			</div>

		</div>
	</div>
	<!-- 导航 -->
	<div id="nav" >
		<div class="content">
			<div class="logo"></div>
			<div class="column">
				<ul>
					<li>
					<a href="">手机</a>
					<div class="submenu"></div>
					</li>
					<li>
					<a href="">笔记本电脑</a>
					<div class="submenu"></div>
					</li>
					<li>
					<a href="">平板&穿戴</a>
					<div class="submenu"></div>
					</li>
					<li>
					<a href="">智能家居</a>
					<div class="submenu"></div>
					</li>
					<li>
					<a href="">配件</a>
					<div class="submenu"></div>
					</li>
				</ul>
			</div>
			<div class="search">
				<form action="">
					<input type="text" class="search-text">

					<input type="submit" class="search-btn iconfont" value="&#xe620;">
				</form>
			</div>
		</div>
	</div>

	<div class="container">
		<div class="row">
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			  <!-- Indicators -->
			  <ol class="carousel-indicators">
			    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
			  </ol>

			  <!-- Wrapper for slides -->
			  <div class="carousel-inner" role="listbox">
			    <div class="item active">
			      	<img src="./img/3.jpg">
			     	<div class="carousel-caption">
			      	</div>
			    </div>
			    <div class="item">
			      	<img src="./img/4.jpg">
			      	<div class="carousel-caption">

			      	</div>
			    </div>
			    <div class="item">
			      	<img src="./img/5.jpg">
			      	<div class="carousel-caption">
					</div>
			    </div>
			    <div class="item">
					<img src="./img/7.jpg">
					<div class="carousel-caption">
					</div>
				</div>

			  </div>

			  <!-- Controls -->
			  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
			    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
			    <span class="sr-only">Previous</span>
			  </a>
			  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
			    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			    <span class="sr-only">Next</span>
			  </a>
			</div>
		</div>
	</div>
<!-- 首页-手机标题 -->
	<div class="hr-7"></div>

	<div class="container">
		<ol class="breadcrumb">
	      <li><a href="#" style="color: black">首页</a></li>
	      <li class="active" style="color:black">手机</li>
	    </ol>
	</div>
	


	<div class="container">
		<div class="row">
			<div class="col-sm-6 col-md-3">
	            <div class="thumbnail">
	            	<img src="./img/phone.png" alt="...">
	             	<div class="caption text-center">
	               		<h3>HUAWEI nova 4</h3>
	                	<p>4800万超广角三摄 高配 全网通版（亮黑色）</p>
	                	<p><a href="#" class="btn btn-danger col-md-5 glyphicon glyphicon-shopping-cart" role="button"></a> <a href="#" class="btn btn-default col-md-5 col-md-offset-2" role="button">参与抢购</a></p>
	             	</div>
	            </div>
	        </div>
			<div class="col-sm-6 col-md-3">
	            <div class="thumbnail">
	            	<img src="./img/phone.png" alt="...">
	             	<div class="caption text-center">
	               		<h3>HUAWEI nova 4</h3>
	                	<p>4800万超广角三摄 高配 全网通版（亮黑色）</p>
	                	<p><a href="#" class="btn btn-danger col-md-5 glyphicon glyphicon-shopping-cart" role="button"></a> <a href="#" class="btn btn-default col-md-5 col-md-offset-2" role="button">参与抢购</a></p>
	             	</div>
	            </div>
	        </div>
			<div class="col-sm-6 col-md-3">
	            <div class="thumbnail">
	            	<img src="./img/phone.png" alt="...">
	             	<div class="caption text-center">
	               		<h3>HUAWEI nova 4</h3>
	                	<p>4800万超广角三摄 高配 全网通版（亮黑色）</p>
	                	<p><a href="#" class="btn btn-danger col-md-5 glyphicon glyphicon-shopping-cart" role="button"></a> <a href="#" class="btn btn-default col-md-5 col-md-offset-2" role="button">参与抢购</a></p>
	             	</div>
	            </div>
	        </div>
	        <div class="col-sm-6 col-md-3">
	            <div class="thumbnail">
	            	<img src="./img/phone.png" alt="...">
	             	<div class="caption text-center">
	               		<h3>HUAWEI nova 4</h3>
	                	<p>4800万超广角三摄 高配 全网通版（亮黑色）</p>
	                	<p><a href="#" class="btn btn-danger col-md-5 glyphicon glyphicon-shopping-cart" role="button"></a> <a href="#" class="btn btn-default col-md-5 col-md-offset-2" role="button">参与抢购</a></p>
	             	</div>
	            </div>
	        </div>
	        <div class="col-sm-6 col-md-3">
	            <div class="thumbnail">
	            	<img src="./img/phone.png" alt="...">
	             	<div class="caption text-center">
	               		<h3>HUAWEI nova 4</h3>
	                	<p>4800万超广角三摄 高配 全网通版（亮黑色）</p>
	                	<p><a href="#" class="btn btn-danger col-md-5 glyphicon glyphicon-shopping-cart" role="button"></a> <a href="#" class="btn btn-default col-md-5 col-md-offset-2" role="button">参与抢购</a></p>
	             	</div>
	            </div>
	        </div>
	        <div class="col-sm-6 col-md-3">
	            <div class="thumbnail">
	            	<img src="./img/phone.png" alt="...">
	             	<div class="caption text-center">
	               		<h3>HUAWEI nova 4</h3>
	                	<p>4800万超广角三摄 高配 全网通版（亮黑色）</p>
	                	<p><a href="#" class="btn btn-danger col-md-5 glyphicon glyphicon-shopping-cart" role="button"></a> <a href="#" class="btn btn-default col-md-5 col-md-offset-2" role="button">参与抢购</a></p>
	             	</div>
	            </div>
	        </div>
	        <div class="col-sm-6 col-md-3">
	            <div class="thumbnail">
	            	<img src="./img/phone.png" alt="...">
	             	<div class="caption text-center">
	               		<h3>HUAWEI nova 4</h3>
	                	<p>4800万超广角三摄 高配 全网通版（亮黑色）</p>
	                	<p><a href="#" class="btn btn-danger col-md-5 glyphicon glyphicon-shopping-cart" role="button"></a> <a href="#" class="btn btn-default col-md-5 col-md-offset-2" role="button">参与抢购</a></p>
	             	</div>
	            </div>
	        </div>
	        <div class="col-sm-6 col-md-3">
	            <div class="thumbnail">
	            	<img src="./img/phone.png" alt="...">
	             	<div class="caption text-center">
	               		<h3>HUAWEI nova 4</h3>
	                	<p>4800万超广角三摄 高配 全网通版（亮黑色）</p>
	                	<p><a href="#" class="btn btn-danger col-md-5 glyphicon glyphicon-shopping-cart" role="button"></a> <a href="#" class="btn btn-default col-md-5 col-md-offset-2" role="button">参与抢购</a></p>
	             	</div>
	            </div>
	        </div>
	        <div class="col-sm-6 col-md-3">
	            <div class="thumbnail">
	            	<img src="./img/phone.png" alt="...">
	             	<div class="caption text-center">
	               		<h3>HUAWEI nova 4</h3>
	                	<p>4800万超广角三摄 高配 全网通版（亮黑色）</p>
	                	<p><a href="#" class="btn btn-danger col-md-5 glyphicon glyphicon-shopping-cart" role="button"></a> <a href="#" class="btn btn-default col-md-5 col-md-offset-2" role="button">参与抢购</a></p>
	             	</div>
	            </div>
	        </div>
	        <div class="col-sm-6 col-md-3">
	            <div class="thumbnail">
	            	<img src="./img/phone.png" alt="...">
	             	<div class="caption text-center">
	               		<h3>HUAWEI nova 4</h3>
	                	<p>4800万超广角三摄 高配 全网通版（亮黑色）</p>
	                	<p><a href="#" class="btn btn-danger col-md-5 glyphicon glyphicon-shopping-cart" role="button"></a> <a href="#" class="btn btn-default col-md-5 col-md-offset-2" role="button">参与抢购</a></p>
	             	</div>
	            </div>
	        </div>
	        <div class="col-sm-6 col-md-3">
	            <div class="thumbnail">
	            	<img src="./img/phone.png" alt="...">
	             	<div class="caption text-center">
	               		<h3>HUAWEI nova 4</h3>
	                	<p>4800万超广角三摄 高配 全网通版（亮黑色）</p>
	                	<p><a href="#" class="btn btn-danger col-md-5 glyphicon glyphicon-shopping-cart" role="button"></a> <a href="#" class="btn btn-default col-md-5 col-md-offset-2" role="button">参与抢购</a></p>
	             	</div>
	            </div>
	        </div>
	        <div class="col-sm-6 col-md-3">
	            <div class="thumbnail">
	            	<img src="./img/phone.png" alt="...">
	             	<div class="caption text-center">
	               		<h3>HUAWEI nova 4</h3>
	                	<p>4800万超广角三摄 高配 全网通版（亮黑色）</p>
	                	<p><a href="#" class="btn btn-danger col-md-5 glyphicon glyphicon-shopping-cart" role="button"></a> <a href="#" class="btn btn-default col-md-5 col-md-offset-2" role="button">参与抢购</a></p>
	             	</div>
	            </div>
	        </div>
		</div>
	</div>
	<!-- 结尾 -->
	<div class="container col-md-offset-5">
		<nav aria-label="Page navigation">
		  <ul class="pagination">
		    <li>
		      <a href="#" aria-label="Previous">
		        <span aria-hidden="true">&laquo;</span>
		      </a>
		    </li>
		    <li><a href="#">1</a></li>
		    <li><a href="#">2</a></li>
		    <li><a href="#">3</a></li>
		    <li><a href="#">4</a></li>
		    <li><a href="#">5</a></li>
		    <li>
		      <a href="#" aria-label="Next">
		        <span aria-hidden="true">&raquo;</span>
		      </a>
		    </li>
		  </ul>
		</nav>
	</div>
<!-- 底部 -->
	<div id="hr-5"></div>
	<div class="footer">
		<div class="slogan">
			<ul>
				<li class="s1">
					<a href="">
						<i></i>
						百强企业 &nbsp;品质保证
					</a>
				</li>
				<li class="s2">
					<a href="">
						<i></i>
						7天退货 &nbsp;15天换货
					</a>
				</li>
				<li class="s3">
					<a href="">
						<i></i>
						48元起免运费
					</a>
				</li>
				<li class="s4">
					<a href="">
						<i></i>
						1000家维修网点 &nbsp;全国联保
					</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="href">
		<div class="href-content">
			<div class="f1">
				<dl>
					<dt>
						<p class="title">购物相关</p>
					</dt>
					<dd>
						<ol>
							<li><a href="">购物指南</a></li>
							<li><a href="">配送方式</a></li>
							<li><a href="">支付方式</a></li>
							<li><a href="">常见问题</a></li>
						</ol>
					</dd>
				</dl>
				<dl>
					<dt>
						<p class="title">保修与退换货</p>
					</dt>
					<dd>
						<ol>
							<li><a href="">保修政策</a></li>
							<li><a href="">退换货政策</a></li>
							<li><a href="">退换货流程</a></li>
							<li><a href="">保修状态查询</a></li>
							<li><a href="">配件防伪查询</a></li>
						</ol>
					</dd>
				</dl>
				<dl>
					<dt>
						<p class="title">维修与技术支持</p>
					</dt>
					<dd>
						<ol>
							<li><a href="">售后网点</a></li>
							<li><a href="">预约维修</a></li>
							<li><a href="">手机寄售</a></li>
							<li><a href="">备件价格查询</a></li>
							<li><a href="">上门服务</a></li>
						</ol>
					</dd>
				</dl>
				<dl>
					<dt>
						<p class="title">特色服务</p>
					</dt>
					<dd>
						<ol>
							<li><a href="">防伪查询</a></li>
							<li><a href="">补购保障</a></li>
							<li><a href="">以旧换新</a></li>
							<li><a href="">礼品包装</a></li>
						</ol>
					</dd>
				</dl>
				<dl>
					<dt>
						<p class="title">关于我们</p>
					</dt>
					<dd>
						<ol>
							<li><a href="">公司介绍</a></li>
							<li><a href="">华为商城简介</a></li>
							<li><a href="">华为线下门店</a></li>
							<li><a href="">荣耀线下门店</a></li>
							<li><a href="">诚征人才</a></li>
							<li><a href="">意见反馈</a></li>
						</ol>
					</dd>
				</dl>	
			</div>
			<div class="f2">
				<dt><p class="title">400-088-6888</p></dt>
				<dd>
					<a>7x24小时客服热线（仅收市话费）</a>
				</dd>
				<dd>
					<ol>
						在线客服
					</ol>
				</dd>
			</div>
		</div>
	</div>
	<div id="sidebar2">
		<ul>
			<li>
				<div class="sidebar-1">
					<span><a href="#url1">华为精品</a></span>
					<div id="li1"></div>
				</div>
				
				
			</li>
			<li>
				<div class="sidebar-1">
					<span><a href='#url2'>手机</a></span>
					<div id="li2"></div>
				</div>
			</li>
			<li>
				<div class="sidebar-1">
					<span><a href="#url3">笔记本电脑</a></span>
					<div id="li3"></div>
				</div>
			</li>
		</ul>
	</div>








	<script src="./boot/js/jquery.min.js"></script>
	<script src="./boot/js/bootstrap.min.js"></script>
</body>
</html>